<!DOCTYPE html>
<html class="no-js">
<head>
	<?=$var['base_modificada']?>
	<title>Mi perfil</title>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="viewport" content = "user-scalable=no, width=device-width"/>
	
	<!-- ESTILOS --->	
	<link rel="shortcut icon" href="Cliente/Imagenes/favicon.ico"> 
    <link rel="stylesheet" href="Cliente/Estilo/bootstrap.css">        
    <link rel="stylesheet" href="Cliente/Estilo/font-awesome.css">         
    <link rel="stylesheet" href="Cliente/Estilo/template.css">     
	<link rel="stylesheet" href="Cliente/Estilo/estructura.css">	
	<link rel="stylesheet" href="Cliente/Estilo/producto.css">		
	<link rel="stylesheet" href="Cliente/Estilo/perfil.css">		
		
	<link type="text/css" rel="stylesheet" media="all" href="Cliente/Estilo/chat.css" />
		
	
	<!-- LIBRERIAS -->		
	<!--script src="Cliente/Scripts/Librerias/modernizr-2.6.1-respond-1.1.0.min.js"></script>  -->	
	<script type="text/javascript" src="Cliente/Scripts/Librerias/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="Cliente/Scripts/Librerias/jqueryui-1.10.4/js/jquery-ui-1.10.4.custom.js"></script>
	<script src="Cliente/Scripts/Librerias/bootstrap.js"></script>  <!--+--->	
	
	<!-- SCRIPTS -->				
	<script type="text/javascript" src="Cliente/Scripts/preview_image.js"></script>	
	<script language="javascript" >
	var php_avatar = "url(Cliente/Imagenes/Usuarios/<?=$var['avatar_actual']?>.png)";
    </script>
	<script type="text/javascript" src="Cliente/Scripts/mi-perfil.js"></script>		
		
</head>
	<body>
		<? include $APP->header;?>
		<div class="todo">
			<div class="container">
				<a href="inicio" class="volver"><i class="fa fa-arrow-left"></i> Volver</a>
				
				<div class="heading-section col-md-12 text-center">
					<i class="fa fa-user"></i><br>
					<h2>Editar Mi perfil</h2>            
				</div> 
				
				<div class="datos col-md-6 col-md-offset-3 col-sm-12">
			        <div class="col-md-10 col-md-offset-1 col-sm-8 col-sm-offset-2">
					<form action="mi-perfil/procesar-edicion:<?=$var['id_usuario']?>" enctype="multipart/form-data" method="post">
					
						<input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
						<div class="custom-input-file">										
							<input type="file" id="fileFoto1" name="fileFoto1" size="1" class="input-file" />
							<i class="fa fa-camera"></i> Seleccionar foto
						</div>
						<div id="btnSubirFoto1" class="botonSubirFotoPerfil">
							<div class="previewcanvascontainer">
								<canvas id="previewcanvas1" width="256" height="256"></canvas>
							</div>
						</div>
						<br>
					    <input type="hidden" id="hidIdUsuario" name="hidIdUsuario" value="<?=$var['id_usuario']?>" />
						<input type="text" name="txtNombre" id="txtNombre"  value="<?=$var['nombre']?>" placeholder="Mi nombre"/>
						<b>Mi prestigio:</b>  <?=$var['prestigio']?> <span class="estrella"> <i class="fa fa-star"></i></span>
						<br><br>
						
						
						<b>Mi email:</b> <?=$var['email']?> 
						<br><br>
						<i class="fa fa-users"></i> Mi perfil público es: <a class="" href="perfil-usuario/<?=$_SESSION['usuario_activo']?>">icostrueque/perfil-usuario/<?=$_SESSION['usuario_activo']?></a>
					    <br><br><br>
						<button type="submit" id="btnEditar" class="Btn"> <i class="fa fa-pencil"></i> Guardar mis datos</button>	
						<br><br><br>
					    <a href="cambio-de-clave" class="volver"><i class="fa fa-key"></i> CAMBIAR MI CLAVE</a>
					    <br>
						<a href="javascript:borrarUsuario(<?=$var['id_usuario']?>)" class="volver"><i class="fa fa-times-circle-o"></i> ELIMINAR MI CUENTA</a>
					 </form>
					</div>         
				</div>	
				
			</div>			
		</div>
		
			<? include $APP->footer;?>
	</body>
</html>